<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="">
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" 	type="text/css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700" 				type="text/css">
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
    <script defer src="js/jquery.flexslider.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider){
                    $('body').removeClass('loading');
                }
            });
        });
    </script>
    <style>
        #black-text{
            color:black;
        }
    </style>
</head>
<body>

<div class="w3l-banner">
    <div class="header top-bar container header-nav">
        <nav class="navbar navbar-default">
            <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                <img src="images/title.png" width="70" height="70">
                <label><h2>爱普网课交互平台</h2></label>
                <ul class="nav navbar-nav">
                    <li><a class="active" href="pages/yhIndex.html"  style="margin-left: 120px">进入商城</a></li>
                    <li style="margin-left: 420px">
                        <div style="text-align: right">
                            <span class= "glyphicon glyphicon-user"></span>
                            <label id="u_name"></label><br>
                            <label id="r_name"></label><br>
                            <span class= "glyphicon glyphicon-time"></span>
                            <label id="s_time"></label>
                        </div>

                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <div class="container flexslider-info">
        <section class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <div class="w3l-info" >
                            <h3 id="black-text">Welcome to Aip</h3>
                            <div class="agileinfo-news-button">
                                <a href="#" class="hvr-shutter-in-horizontal" data-toggle="modal" data-target="#myModal"> 了解我们</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</div>


<!-- video -->
<div class="video-w3-agileits">
    <h3>点击观看视频</h3>
    <a href="" data-toggle="modal" data-target="#modalvideo"><i class="fa fa-play" aria-hidden="true"></i></a>

    <div class="modal fade features-modal" id="modalvideo" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                    <video width="100%" height="100%" controls="controls" >
                        <source src="video/index.mp4" type="video/mp4" >
                    </video>

                </div>
            </div>
        </div>
    </div>
</div>

<!-- //services-bottom -->
<!-- footer -->
<div class="footer-top">
    <div class="container">
        <div class="agileits-social">
            <ul>
                <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                <li><a href="#"><i class="fa fa-weixin"></i></a></li>
                <li><a href="#"><i class="fa fa-qq"></i></a></li>

            </ul>
        </div>

        <div class="bottom_div1">
            <!--友情链接 始-->
            <p class="wrap"><!-- style="padding-bottom:0;"-->
                友情链接： <a href="https://www.csdn.net/" target="_blank">CSDN技术社区|</a>
                <a href="http://www.chinakaoyan.com/" target="_blank">中国考研网|</a>
                <a href="http://cet.neea.edu.cn/" target="_blank">全国大学四六级官网|</a>
                <a href="http://www.eduexam.cn/" target="_blank">未来教育官网|</a>
                <a href="https://www.w3school.com.cn/" target="_blank">W3School|</a>
                <a href="https://spring.io/projects/spring-boot" target="_blank">springboot|</a>
                <a href="https://www.oracle.com/index.html" target="_blank">Oracle|</a>
                <a href="https://gitee.com/" target="_blank">码云|</a>
                <a href="https://cet4.koolearn.com" target="_blank">新东方在线英语四级</a>
            </p>
            <!--友情链接 止-->
            <div class="agile-copy">
                <p>    Copyright &copy; 2020.Company name All rights reserved.</p>
            </div>

        </div>
    </div>
</div>


<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-content" role="document">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">了解我们</h4>
        </div>
        <div class="modal-body">
            <div class="agileits-w3layouts-info">
                <p>《爱普网课交互平台》是由融创软通有限公司第三卓越小组打造的实用技能学习平台，创建于2020年6月8日。该网站提供了各种辅助服务，有课程板书、课程素材、课后练习、设计素材等栏目。</p>
                <p>用户只需要登记注册为学员，便可免费的观看各类视频教程。该网站意在把学校的专业教育带给更多学子，网站的目标是“做出最好的视频教程，提高全国学子的学习能力”。</p>
            </div>
        </div>
    </div>
</div>
</div>
</body>
<script>
    $(document).ready(function(){
        getUserInfo();
        function getUserInfo() {
            $.ajax({
                url:"user/getUserInfo",
                type:"post",
                dataType:"json",
                success:function (result) {
                    // alert(JSON.stringify(result));
                    var u_name = result.object.u_name;
                    var r_name = result.object.r_name;
                    $("#u_name").text(u_name+"您好 ,");
                    $("#r_name").text("您是"+r_name);
                }
            })
        }

        setInterval(function () {
            var now =(new Date()).toLocaleString();
            $('#s_time').text(now);
        },1000)
    });

</script>
</html>